<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet"
	href="/../peakAnalyzer/static/bootstrap/css/bootstrap-responsive.css" type="text/css" />
<link rel="stylesheet" href="/../peakAnalyzer/static/css/pgsadmin.less" type="text/less" />
<link rel="stylesheet" href="/../peakAnalyzer/static/bootstrap/css/bootstrap.min.css" type="text/css" />
<style type="text/css">
/* Override some defaults */

.title {
	padding-top: 40px;
}


.container {
	padding-top: 100px;
}
</style>
</head>
<body>
<h1 class="title" align="center">PeakAnalyzer</h1>
<div class="container">
<div class="row-fluid">
    <div class="span5 offset1">
      <div class="well">
        <legend>Sign in</legend>
        <form method="POST" action="?next={{ next|default:"/regular/listProject" }}" accept-charset="UTF-8">{% csrf_token %}
            {% if form.errors %}
            <div class="alert alert-error">
                <p>Incorrect Username or Password!</p>
            </div>
            {% endif %}      
            <input class="span3-fluid" placeholder="Username" type="text" name="username">
            <input class="span3-fluid" placeholder="Password" type="password" name="password"> 
            <label class="checkbox">
                <input type="checkbox" name="remember" value="1"> Remember Me
            </label>
            <button class="btn-info btn" type="submit">Login</button>      
        </form>    
      </div>
    </div>


<div class="span5">
<div class="well">
  	<legend>New to PeakAnalyzer? Sign up!</legend>
    <form accept-charset="UTF-8" action="" method="post">
    {% csrf_token %}
    {% if form.errors %}
            <div class="alert alert-block">
                <p>{{ form.non_field_errors }}</p>
            </div>
     {% endif %} 
		<input class="span3-fluid" name="username" placeholder="Username" type="text">
		{% if form.username.errors %}
		<div class="alert alert-block">
        <p class="errors">{{ form.username.errors.as_text }}</p>
        </div>
      {% endif %} 
        <input class="span3-fluid" name="email" placeholder="Email" type="text">
         {% if form.email.errors %}
         <div class="alert alert-block">
        <p class="errors">{{ form.email.errors.as_text }}</p>
        </div>
      {% endif %}
        <input class="span3-fluid" name="password" placeholder="Password" type="password">
        {% if form.password1.errors %}
        <div class="alert alert-block">
        <p class="errors">{{ form.password1.errors.as_text }}</p>
        </div>
      {% endif %}
        <input class="span3-fluid" name="confirmpassword" placeholder="Confirm Password" type="password"> 
         {% if form.password2.errors %}
         <div class="alert alert-block">
        <p class="errors">{{ form.password2.errors.as_text }}</p>
        </div>
      {% endif %}
        <button class="btn btn-warning" type="submit" value="Register &rarr;">Register</button>
    </form>
</div>
</div>
</div>
</div>
</body>
</html>
